<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>关于 About</title>
    <link rel="stylesheet" th:href="@{/css/base.css}">
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            box-sizing: border-box;
            -webkit-appearance: none;
            color: #dcdada;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }

        body {
            background: #141313;
            color: #a8a5a5;
            max-width: 990px;
            margin: 0 auto;
        }

        input, textarea {
            outline: none;
            border: none;
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 20px;
            resize: vertical;
            background: #272525;
            color: #a19f9f;
        }
    </style>
</head>
<body>

<div th:replace="~{common-page/header.html :: myHeader}"></div>

<h1>  关于本站  About </h1>

<h3>  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam, asperiores, autem beatae consequatur cupiditate doloremque ea excepturi exercitationem expedita explicabo facilis fugit hic incidunt iure laborum magnam molestiae nemo numquam porro quae quas quisquam quo quos rerum tempora velit. Amet deserunt eum explicabo magnam minus nam odio quaerat sed tenetur veritatis. Cupiditate deleniti dolorum error, excepturi fuga fugiat ipsam ipsum iure nesciunt odio perspiciatis recusandae reprehenderit repudiandae rerum saepe, sint unde vel? Aliquid autem dignissimos esse eum fuga, laudantium nesciunt omnis quis. Aut corporis doloribus ducimus eaque facilis ipsum laboriosam, libero maxime nesciunt nisi nostrum officia praesentium quasi quis sunt ullam velit vitae. Aperiam autem dolorem doloribus dolorum, enim, error eveniet facilis hic incidunt magnam minus odio perspiciatis quasi rerum sapiente suscipit!   </h3>



<!--<img th:src="@{/images/index/bg-77125.jpg}"/>-->
<!--<h3 th:text="${comment.likes} + '  likes'"></h3>-->
<!--<button th:onclick="'delete(' + ${user.id} + ')'"></button>-->

<!--<input th:value="${todo_data.aaaa}"/>-->
<!--<textarea th:field="${todo_data.aaaaa}"></textarea>-->

<!--<div th:each="item, iterStat : ${users}">-->
<!--    th:href="@{'/user/'+${item.id}}"-->
<!--    <p th:text="${iterStat.index} ">序号</p>-->
<!--    <p th:text="'价格  : '+${item.money}"></p>-->
<!--</div>-->

<!--th:if="${logged_User_Id == null}"-->
<!--th:if="${logged_User_Id != null}"-->

<!--获取第一个 元素:-->
<!--<div th:with="user=${users[0]}">-->
<!--    <h2 th:text="${user}"></h2>-->
<!--</div>-->

<!-- -&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45; 判断 null-->
<!--<div th:if="${#lists.isEmpty(pw_list)}">-->
<!--    <h1> 没搜到相对应内容 </h1>-->
<!--</div>-->

<!--<div th:if="${pw_list} != null">-->
<!--    <div th:each="pw:${pw_list}">-->
<!--        <p th:text="${pw.password}"></p>-->
<!--    </div>-->
<!--</div>-->

<div  style="height: 500px; "   >   </div>
</body>

<script th:src="@{/js/send_fetch.js}"></script>

<script th:inline="javascript">

    // let all_data = [[${all_data}]];
    // console.log(all_data);

    // var textarea = document.querySelector('textarea');
    // textarea.addEventListener('input', (e) => {
    //     textarea.style.height = '100px';
    //     textarea.style.height = (e.target.scrollHeight + 20) + 'px';
    // });

</script>
</html>


